<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>示例集 - js</title>
	<!-- Bootstrap -->
	<link href="cj/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="cj/main.css"/>
</head>
<body>
<div class="container-fluid">
	<h3 class="text-center bg-primary lhei" id="t_h3"></h3>
	<div class="div_a" id="add_a"></div>
	<div class="tab-content min_hei">
		<!--js-->
	    <div class="tab-pane active" id="js">
	    	
	    	<!--第六行-->
	    	<hr />
	    	<div class="row">
	    		
	    		
	    		
	    		
	    		
	    		
	    	</div>
	    	
	    	<!--第五行-->
	    	<hr />
	    	<div class="row">
	    		
	    		<div class="col-md-2">
		    		<a href="../js/2020/rand_num.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020/rand_num.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">js返回随机数的函数</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/change_input.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_change_input.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">编辑--更新的JS特效</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/insertBefore.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_insert_before.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">data - insertBefore</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/jstime.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_jstime.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">JS时间对象--控制跳转</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/js_form.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_js_form.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">JS操作from、焦点事件</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第四行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../js/imgs_lunbo.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_imgs_lunbo.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">多图循环轮播</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/jssetcss.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_jssetcss.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">js设置css样式</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/line_mouse.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_line_mouse.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">line-mouse</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/js_object.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_js_object.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">JS object 基础</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/onclick_4.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_onclick_4.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">js控制按钮样式切换</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/js_div.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_js_div.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">addEventListener</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第三行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../js/js_css4.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_js_css_4.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">js 动态修改css样式方法汇总</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/div_onclick.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_div_noclick.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">大小盒子切换</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/change_img4.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_change_img4.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">飘图--闭包</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/change_img3.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_change_img3.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">弹弹弹-变变变</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/change_img2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_change_img2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">右下广告</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/goto_nohtml.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_goto_nohtml.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">带HTML的跳转成不带HTML的</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第二行-->
			<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../js/js_moveTo.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_js_moveTo.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">打开一个浏览器中的小窗口</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/js_sum.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_js_sum.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">js实现计算器</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/js_dom.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_js_dom.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">jsDOM增删改查操作</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/new_document.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_new_document.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">JS增加、删除tr节点</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/lunbo.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_lunbo.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">简单的轮播</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/change_img.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_change_img.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">js change img</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第一行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../js/js_nav.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2020-01-01_js_nav.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">JS实现导航条效果</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/scroll.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_scroll.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">间歇性循环滚动</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/scroll0.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_scroll0.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">无缝循环滚动</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/block_none.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_block_none.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">二级下拉菜单</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/canvas.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_canvas.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">在这个框框里点几下试试</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../js/canvas2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/js/2019-12-31_canvas2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">在这个框框里划几下试试</h4>
		    		</a>
	    		</div>
	    	</div>
	    </div>
	    
	    <!--jq-->
	    <!--<div class="tab-pane" id="jq">
	    	<h3>jq</h3>
	    	<div class="row">
	    		<div class="col-md-3">
		    		<a href="time/time.php" target="_blank">
		    			<h4 class="text-center">时间戳和日期互换</h4>
		    			<div class="a_img"><img src="../public/imgs/0.jpg" width="100%" height="100%"/></div>
		    		</a>
	    		</div>
	    		<div class="col-md-3">
		    		<a href="ip_get_add/get_add.php" target="_blank">
		    			<h4 class="text-center">根据IP获取物理地址</h4>
		    			<div class="a_img"><img src="../public/imgs/0.jpg" width="100%" height="100%"/></div>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<div class="row">
	    		
	    	</div>
	    </div>-->
	    
	</div>
</div>
<script type="text/javascript" src="cj/diy.js"></script>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="cj/jquery-3.3.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script type="text/javascript" src="cj/bootstrap.min.js"></script>
</body>
</html>